<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>金山训练营</title>


	<script src="http://static.sxbang.net/jquery/jquery-2.1.4.min.js"></script>
	

</head>
<body>

	<style >
	body {
	}
	#cyberplayer-container,#cyberplayer-container-29 {
		height: 700px;
	}
	 
	</style>
	<script type="text/javascript">
	var aptest = "http://file.sxbang.net/project/121/%E9%AB%98%E6%A0%A1%E6%A1%88%E4%BE%8B%E5%88%86%E6%9E%90PPT%E7%89%88%E8%A7%86%E9%A2%91%EF%BC%88%E6%97%A0%E5%AD%97%E5%B9%95%EF%BC%893.mp4";
	</script>

	<!-- <link href="./demo/css/demo.css?v=201807241807" rel="stylesheet"/>	 -->

	<script type="text/javascript" charset="utf-8" src="https://gitee.com/emoker/emok-lab-html/raw/master/common/js/video/cyberplayer.js"></script>
	<h2>11 分钟版</h2>
	<div id="cyberplayer-container">
		<div id="bcePlayerContainerDiv"></div>
	</div>
	<br>
	<!--<h2>29 分钟版</h2>
	<div id="cyberplayer-container-29">
		<div id="bcePlayerContainerDiv29"></div>
	</div>-->

	<script type="text/javascript">
	var fileAddress = aptest;
	var player = cyberplayer("bcePlayerContainerDiv").setup({
		width: "99%",
		height: "99%",
		autostart: false,
		stretching: "uniform",
		repeat: false,
		volume: 100,
		primary: "html5",
		playRate: true,
		keyControls:true,
		playRateConfig: [{label:"×1"},{label:"×1.5"},{label:"×2"},{label:"×3"}],
		controlbar: {barLogo: false},
		//file: fileAddress,//
		playlist: [
			{
				sources: [
					{
						file: aptest, // 资源2 必须与资源1格式和时长一致！
						label: "标清"
					}
					/*,{
						file: yhsrc, // 资源1 支持mp4, hls, flv等常用视频格式
						label: "高清" // 标签
					},*/

				]
			}
		],
		//播放条目的标题，首次出现播放按钮的时候在播放器左上角显示
		//播放条目对应的字幕配置,这里包络中英文字幕。开发者可以根据需要添加任意数量的字幕。
		ak: 'b40f25c60d6d42e89eceb8e9dd5c42ac',
	});
	player.on('play',function(){
		console.log('play');
		player29.stop();
	});
	
	/*var player29 = cyberplayer("bcePlayerContainerDiv29").setup({
		width: "99%",
		height: "99%",
		autostart: false,
		stretching: "uniform",
		repeat: false,
		volume: 100,
		primary: "html5",
		playRate: true,
		keyControls:true,
		playRateConfig: [{label:"×1"},{label:"×1.5"},{label:"×2"},{label:"×3"}],
		controlbar: {barLogo: false},
		//file: fileAddress,//
		playlist: [
			{
				sources: [
					{
						file: ap29, // 资源2 必须与资源1格式和时长一致！
						label: "标清"
					}
					
				]
			}
		],
		//播放条目的标题，首次出现播放按钮的时候在播放器左上角显示
		//播放条目对应的字幕配置,这里包络中英文字幕。开发者可以根据需要添加任意数量的字幕。
		ak: 'b40f25c60d6d42e89eceb8e9dd5c42ac',
	});
	player29.on('play',function(){
		console.log('play');
		player.stop();
	});*/
</script>

</body>
</html>
